<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<body>
<div class="jumbotron" style="text-align: center;background-color: #00d3b7;" style="margin: 0 ;padding: 0;">
    <h1>网上预约挂号平台</h1>
    <p>省人民医院</p>
</div>
<div id="app">
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" target="xixi" href="/demo/userr/welcome.html"style="padding: 30px;" >预约须知</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="/demo/doctor/registered.html" target="view_window" style="padding: 30px;">预约挂号 <span class="sr-only">(current)</span></a></li>

                    <li class="dropdown">
                        <a href="/demo/userr/userResult.html" target="view_window" style="padding: 30px;"  class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" >结果查询</a>
                    </li>
                    <!--<li class="dropdown">-->
                        <!--<a  style="padding: 30px;" href="/demo/userr/queryInfo.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" target="xixi" >用户查询</a>-->
                    <!--</li>-->
                    <li class="dropdown">
                        <a style="padding: 30px;"  class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="/demo/userr/changePassword.html" target="xixi">修改密码</a>
                    </li>
                    <li class="dropdown">
                        <a  style="padding: 30px;" href="/demo/userr/personalInfo.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" target="xixi" >个人信息</a>
                    </li>
                    <li class="dropdown">
                        <a  style="padding: 30px;" href="/demo/userr/heighCharts.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" target="xixi" >男女比例树状图</a>
                    </li>
                </ul>
                <form class="navbar-form navbar-left">

                </form>
                <ul class="nav navbar-nav navbar-right">
                    <li style="padding: 30px; margin: 0px 80px;" > 尊敬的用户:{{userinfo.name}}</li>
                    <li class="dropdown">
                        <a style="padding: 30px;" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" @click="logOut()">退出登录</a>
                    </li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <div>
        <iframe width="100%" height="800px" frameborder="0" href="/demo/userr/welcome.html" name="xixi" src="/demo/userr/welcome.html"></iframe>
    </div>

</div>

<script>
    $.get("/demo/personalInfo/getPersonalInfo",function (backData) {
        haha.userinfo=backData.data;
    });
    var haha=new Vue({
        el:"#app",
        data:{
            userinfo:{},

        },
        methods:{

            logOut(){
                $.get("/demo/user/out",function (backData) {
                    if(backData.code==1){
                        window.location.href="/demo/userr/userLogin.html"
                    }
                })
            }
        }
    });
</script>
</body>
</html>